<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>DOJO GAME</title>

<style type="text/css">
@import "http://o.aolcdn.com/dojo/1.3.1/dijit/themes/tundra/tundra.css";
</style>



<style type="text/css">
body,html {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

#preloader {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background: #fff
		url('http://o.aolcdn.com/dojo/1.2.3/dojox/image/resources/images/loading.gif')
		no-repeat center center;
	position: absolute;
	z-index: 999;
}

#main {
	background: #015171 url('img/bgsky.png') no-repeat center center;
	margin: 0;
	width: 100%;
	height: 100%;
}

#centerpanel {
	background: url('img/panel.png') no-repeat center center;
	margin: 0;
	width: 100%;
	height: 100%;
}

#menupanel {
	margin: 0;
	width: 120px;
	height: 450px;
	top: 30px;
	left: 50px;
	position: absolute;
}

#clock {
	margin: 0;
	font-family: "Times New Roman", Georgia, Serif;
	color: #FFFFFF;
	font-size: 30px;
	top: 15px;
	left: 900px;
	position: absolute;
}

#center {
	margin: 0;
	width: 500px;
	height: 300px;
        top:100px;
        left:350px;
	position: absolute;
}

h1 {
	font-family:"Times New Roman", Georgia, Serif;
	color: #2ca5fc;
	font-size: 40px;	

}
</style>

<!-- load Dojo, and all the required modules -->
<script djConfig="parseOnLoad: true,useXDomain:true,isDebug:false"
	src="http://o.aolcdn.com/dojo/1.3.1/dojo/dojo.xd.js"></script>

<script type="text/javascript">
    dojo.registerModulePath("icubox", "http://icuboxcl.appspot.com/icubox");
	dojo.require("dojo.parser");
	dojo.require("dijit.dijit"); // optimize: load dijit layer 
	dojo.require("dijit.layout.ContentPane");
	dojo.require('icubox.Clock');
	dojo.require('icubox.MenuItem');
	dojo.require('icubox.AppTest');

	var hideLoader = function() {
		dojo.fadeOut( {
			node :"preloader",
			duration :900,
			onEnd : function() {
				dojo.style("preloader", "display", "none");
			}
		}).play();
	}

	dojo.addOnLoad( function() {
		hideLoader();
	});
</script>

</head>
<body class="tundra">
<div id="preloader"></div>
<div dojotype="dijit.layout.ContentPane" id="main">
<div dojotype="icubox.Clock" id="clock" ></div>
<div id="centerpanel">
<div id="center">
<div dojotype="icubox.AppTest" id="app" ></div>
</div>
</div>

<div id="menupanel">
<div dojotype="icubox.MenuItem" imgsrc="img/suma.png"  onClick="dijit.byId('app').suma()"   ></div>
<div dojotype="icubox.MenuItem" imgsrc="img/resta.png" onClick="dijit.byId('app').resta()" ></div>
<div dojotype="icubox.MenuItem" imgsrc="img/multi.png" onClick="dijit.byId('app').multi()" ></div>
<div dojotype="icubox.MenuItem" imgsrc="img/divi.png"  onClick="dijit.byId('app').divi()" ></div>
</div>

</body>
</html>
